Css color consistency#1431
Conversation
Make more dropdowns have the same background and text color for hovered options.
Make the published cell in the events table look like other cells with similar appearance.
In the table heeader, fix both sorting chevrons being colored as "active", instead of only one. Also make the active chevron darker to be more easily recognizable.
Arnei
added
type:code-enhancement
|
This pull request has conflicts ☹ |
|
Use Run test server using develop.opencast.org as backend: Specify a different backend like stable.opencast.org: It may take a few seconds for the interface to spin up. |
|
This pull request has conflicts ☹ |
Arnei
force-pushed
the
css-color-consistency
branch
from
166c3cc to
ea1a238
Compare
|
This pull request is deployed at test.admin-interface.opencast.org/1431/2026-03-05_10-57-10/ . |
ferishili
left a comment
ferishili
left a comment
There was a problem hiding this comment.
Thanks @Arnei,
Your changes look fine, however a few things need your attention!
First and most important one is:
While running the UI click-through tests, I noticed the contrast in the calendar (month and year selection) looks off, as shown below. Could you please take a look at that as well?
White on light background is hard to read. Black is more in line with the other text and provides better contrast.
Contrast should be better now! 
|
Upon further feedback, this changes the text color back to white, but improves the contrast of the background instead.
Css color consistency
2 participants
Includes #1400. #1400 Should be reviewed and merged first.
This PR replaces the "hardcoded" color values that are flying around everywhere in our scss files with the color variables defined in
_variables.scss. Color values that are not represented by our variables are either added to the variables file, or replaced with a variable with a similar value.Goals:
How to test this
This touches every element that has color, so unfortunately pretty much everything. Quickly click through everything ui element you can find and check if any colors appear "off".